<div id="header" class="fd">
    <div class="headBox">
        <div class="headLogo">
            <a href="javascript:void(0);">
                <img src="../img/e7d7967b679b21c50b23d51c12ac1363_index_logo.png" alt="" class="response-img">
            </a>
        </div>
        <div class="headIcon">
            <a href="JavaScript:void(0);" style=" margin-left: 3em;"><img src="../img/tu.jpg" alt=""></a>
            <em style=" margin-left: 1em;"><img src="../img/bg.jpg" alt=""></em>
            <a href="JavaScript:void(0);" style=" margin-left: 1em;"><img src="../img/tu1.jpg" alt=""></a>
            <a href="JavaScript:void(0);" class="yong"><img src="../img/tu2.jpg" alt=""> &nbsp;028-68638783</a>
        </div>
        <div class="headNav">
            <ul>
                <li>
                    <a href="../index.html">
                        网站首页 <br>
                        网站首页
                    </a>
                </li>
                <li>
                    <a href="../servic.html">
                        服务项目 <br>
                        服务项目
                    </a>
                </li>
                <li>
                    <a href="../case/case.html">
                        经典案例 <br>
                        经典案例
                    </a>
                </li>
                <li>
                    <a href="news.html" style="color: #e21919">
                        新闻中心 <br>
                        新闻中心
                    </a>
                </li>
                <li>
                    <a href="../price/price.html">
                        套餐报价 <br>
                        套餐报价
                    </a>
                </li>
                <li>
                    <a href="../about.html">
                        关于我们 <br>
                        关于我们
                    </a>
                </li>
                <li>
                    <a href="../contact.html">
                        联系我们 <br>
                        联系我们
                    </a>
                </li>
            </ul>
        </div>
    </div>
</div>
<div id="banner" class="fd"></div>
<style>
    *{
        margin:0;
        padding: 0;
    }
    html{
        font-size:100%;
    }
    a{
        text-decoration: none;
    }
    html{font-size:100%;}
    body{
        font-size:1em;
        font-family: "微软雅黑";
    }
    .response-img {
        width: auto;
        height: auto;
        max-width: 100%;
        max-height: 100%;
    }
    ul{
        list-style: none;
    }
    .fd:after{
        clear:both;
        content:'';
        display:block;
        width:0;
        height:0;
        visibility:hidden;
    }
    #header{
        width: 100%;
        position: fixed;
        left:0;
        top:0;
        background:#fff;
        z-index: 999999999999999999;
        border-bottom: 1px solid #eeeeee;
        opacity: 0.8;
    }
    .headBox{
        width: 108.81em;
        height:auto;
        margin: 0 auto;
        overflow: hidden;
    }
    .headLogo{
        float: left;
    }
    .headLogo a{
        display: block;
    }
    .headNav{
        float: right;
        height: auto;

    }
    .headNav a{
        color: black;
        display: block;
    }
    .headNav a:hover{
        color:red;
        transform: translateY(-70px);
        transition: 1s;
        border-bottom: 1px solid red;
    }
    .headNav ul{
        width: auto;

    }
    .headNav ul li{
        float: left;
        height:2.87em;
        margin-left: 2.93em;
        line-height: 4.62em;
    }
    .headIcon{
        line-height: 4.62em;
        float:right;
    }
    .headIcon a{
        color: #e21919;
        font-size:0.875em ;

    }
    .headIcon a.yong{
        margin-left: 3.125em;
    }
    /*bannner开始*/
    #banner{
        background: url("../img/new_bg.jpg") no-repeat;
        background-size: contain;
        width: 100%;
        height: 22em;
        margin-top: 5em;
    }
    /*banner结束*/

</style>